.tips{color:#000; border: none;}
.layui-layout-admin .header{background-color: #393d49}
.header{position:fixed;top:0;width:100%;height: 55px;border-bottom: 5px solid #393d49;}
.title{position: absolute;left:38%;padding:0 10px;line-height: 60px;color: #fff;font-size: 18px;}
.logo{position: absolute;top: 12px;}
.logo img{width: 124px; height: 30px;}
.webfront{position: absolute;right: 120px;color: #fff;line-height: 55px;font-size: 16px;background-color: #009688;padding: 0 10px}
.webfront:hover{color:#f5f5f5;}
.header .layui-nav {position: absolute;right: 20px;top: 0px;padding: 0;background: none;}
.header .layui-nav .layui-nav-item {margin: 0 10px;}
.header .layui-nav .layui-nav-item a{color: #fff;}
.header .layui-nav .layui-nav-item .layui-nav-child dd.layui-this a{color: #fff}
.header .layui-nav .layui-nav-item .layui-nav-child a{color: #000;}
.header .layui-nav .layui-nav-item .layui-nav-child a:hover{background-color: #5fb878;color: #fff}
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover{background: none !important;color: #fff !important}
.layui-nav-child{top:60px;}
.site-tree{background-color: #fff;border-right: 1px solid #c2c2c2;}
.site-tree .layui-nav-item{background: #1e9fff}
.site-tree .layui-nav-item a{color: #393d49;background-color: #fff;border-bottom:1px solid #ddd;}
.site-tree .layui-nav-item a:hover {background-color: #fff;color: #1e9fff;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{color: #1e9fff;background-color: #fff;font-weight:bold;}
.layui-nav-child dd.layui-this a{color:#ef705b}
.box{padding: 20px;}
.row {margin-left: -15px;margin-right: -15px;}
.pane-4{float: left;position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;width: 16.66666667%; }
.blue{background-color: #1E9FFF;}
.red{background-color: #e57340;}
.green{background-color: #009880;}
.yellow-green{background-color: #5FB878;}
.card{margin-bottom: 20px;background-color: #fff;border: 1px solid #eee;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.symbol {width: 40%;padding: 1.4em 0;border-radius: 4px 0px 0px 4px;display: inline-block;text-align: center;}
.value {width: 58%;text-align: center;float: right;margin-top: 1.4em;}
.value h1{font-size:1.8em;}
.layui-tab-title li:first-child i {display: none;}
.pane-icon{font-size: 35px;color: #fff;}
.template-box{padding: 20px 20px 0;}
.clear{clear: both;}
.layui-form-pane .layui-inline[pane] {position: relative;border: 1px solid #e6e6e6;}
.verify{position: absolute;top: 2px;}
.layui-layout-admin .layui-body{bottom:0;}
.layui-nav-tree .layui-nav-bar{background-color: #00bbff;}

.layui-table-cell p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*end*/

@media screen and (max-width: 768px){
    .pane-4{width:33.33333333%;}
    .layui-main{width:738px;margin: 0 auto;}
    .layui-layout-admin .layui-footer,.layui-body{left:0;}
    .site-tree{display: block;position: fixed; top: 0; bottom: 0; min-height: 0; overflow-y: auto; z-index: 1000; left: -260px;transition: all .3s; -webkit-transition: all .3s;}
    .layui-side{position: fixed; top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
    .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
    .site-mobile .site-tree-mobile{display: none !important;}
    .site-mobile .site-tree{left: 0;top: 0}
    .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 9999;}
    .site-tree-mobile i{font-size: 20px;}
    .layui-layer-dialog,.layui-layer-page,.layui-layer-dir {width: 90% !important;}
    .layui-layer-iframe {width: 90% !important;height: 90% !important;}
}
@media screen and (max-width: 350px){
    .logo img{width: 90px;}
}